<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>会员登录</title>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/login.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript">
        function checkloginForm(){
            var username = document.getElementById("username");
            var password = document.getElementById("password");
            var checkcode = document.getElementById("checkcode");
            var warning = document.getElementById("warnId")
			console.log(warning)
			console.log(password)
			console.log(checkcode)
            warning.style.color = '#f00'
            if(username.value == null || username.value == ""){
                warning.innerHTML=("用户名不能为空！")
                return false
            }
            if(password.value == null || password.value == ""){
				warning.style.color = '#f00'
                return false
            }
            if(checkcode.value == null || checkcode.value == ""){
                warning.innerHTML=("验证码不能为空！")
                return false
            }
        }
	</script>
</head>
<body>
<jsp:include page="menu.jsp"/>
<div class="container login">
	<div class="span12" style="display: inline-block;width: 450px;">
		<div class="ad">
			<img src="${pageContext.request.contextPath}/image/login.jpg" width="500" height="330" alt="会员登录"
				 title="会员登录">
		</div>
	</div>
	<div class="span12 last" style="display: inline-block;width: 450px;">
		<div class="wrap">
			<div class="main">
				<div class="title">
					<strong>会员登录</strong>USER LOGIN
					<c:if test="${sessionScope.enterUser==null}">
						<span style="color: #66f4df;">您还未登录，请先登录(^-^)/</span>
					</c:if>
				</div>
				<%--<div><s:actionerror /></div>--%>
				<form id="loginForm" action="/user_login" method="post" novalidate="novalidate" onsubmit="return checkloginForm();">
					<table>
						<tbody>
						<tr>
							<th>
								用户名:
							</th>
							<td>
								<input type="text" id="username" name="username" value="" class="text"
									   maxlength="20">

							</td>
						</tr>
						<tr>
							<th>
								密&nbsp;&nbsp;码:
							</th>
							<td>
								<input type="password" id="password" name="password" value="" class="text"
									   maxlength="20" autocomplete="off">
							</td>
						</tr>
						<tr>
							<th>
								<span class="requiredField">*</span>验证码:
							</th>
							<td>
								<span class="fieldSet">
									<input type="text" id="checkcode" name="code" class="text captcha"
										   maxlength="4" autocomplete="off">
									<img id="checkImg" class="captchaImage" src="/checkImg" onclick="change()"
										 title="点击更换验证码">
								</span>
							</td>
						</tr>
						<tr>
							<th>&nbsp;

							</th>
							<td>
								<label>
									<input type="checkbox" id="isRememberUsername" name="isRememberUsername"
										   value="true">记住用户名
								</label>
								<label>
									&nbsp;&nbsp;<a>找回密码</a>
								</label>
							</td>
						</tr>
						<tr>
							<th>&nbsp;

							</th>
							<td>
								<span id="warnId"></span>
								<input type="submit" class="submit" value="登 录">
								<span style="color: red;">${requestScope.msg}</span>
							</td>
						</tr>
						<tr class="register">
							<th>&nbsp;

							</th>
							<td>
								<dl>
									<dt>还没有注册账号？</dt>
									<dd>
										立即注册即可体验在线购物！
										<a href="/user_registPage">立即注册</a>
									</dd>
								</dl>
							</td>
						</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="container footer">
	<div class="span24">
	  <div class="footerAd"><img src="${pageContext.request.contextPath}/image/footer.jpg" width="950" height="52" alt="我们的优势" title="我们的优势" /></div>	
	</div>
	<div class="span24">
		<ul class="bottomNav">
					<li>
						<a >关于我们</a>
						|
					</li>
					<li>
						<a>联系我们</a>
						|
					</li>
					<li>
						<a>招贤纳士</a>
						|
					</li>
					<li>
						<a>法律声明</a>
						|
					</li>
					<li>
						<a>友情链接</a>
						|
					</li>
					<li>
						<a target="_blank">支付方式</a>
						|
					</li>
					<li>
						<a  target="_blank">配送方式</a>
						|
					</li>
					<li>
						<a>服务声明</a>
						|
					</li>
					<li>
						<a>广告声明</a>
						
					</li>
		</ul>
	</div>
	<div class="span24">
		<div class="copyright">Copyright © 2005-2015 网上商城 版权所有</div>
	</div>
</div>
</body></html>